﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AddNewMenu.aspx.cs" Inherits="KhoaLuan.MainSys.Manager.Menu.AddNewMenu" %>

<body>
    <div style="background: #fff; padding: 20px; margin: auto; clear: both; width: 500px; margin: auto; position: absolute; bottom: auto; left: 0; right: 0; vertical-align: middle;" id="divAddNewMenu">
        <script src="/Scripts/dluscript.js"></script>
        <div class="modal-header" style="height: 50px; background: #3276b1; text-align: center; margin-bottom: 20px; margin: -20px; color: white;">
            <span style="font-weight: bold; font-family: 'Open Sans',Arial,Helvetica,Sans-Serif; font-size: 20px; text-align: center;" runat="server" id="Title"></span>

            <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: #fff !important; opacity: 1">
                &times;
            </button>
        </div>
        <div class="modal-body no-padding" style="background: white; margin-top: 20px;">
            <div id="smart-form-register" class="smart-form">

                <fieldset>
                    <section>
                           <label class="label">Menu Parent</label>
                        <select id="drMenuParent" runat="server" class="select2" />
                    </section>
                    <section>
                        <label class="input">
                            <i class="icon-append fa fa-user"></i>
                            <input type="text" name="hoten" placeholder="Nhập tên Menu" id="txtMenuName">
                            <b class="tooltip tooltip-bottom-right">Nhập tên Menu</b>
                        </label>
                    </section>

                    <section>
                        <label class="input">
                            <i class="icon-append fa fa-user"></i>
                            <input type="text" name="username" placeholder="Nhập mô tả" id="txtDescription">
                            <b class="tooltip tooltip-bottom-right">Nhập mô tả</b>
                        </label>
                    </section>

                    <section>
                        <label class="input">
                            <i class="icon-append fa fa-envelope-o"></i>
                            <input type="email" name="email" placeholder="Nhập Html" id="txtHtml">
                            <b class="tooltip tooltip-bottom-right">Nhập Html</b>
                        </label>
                    </section>
                    <section>
                        <label class="input">
                            <i class="icon-append fa fa-envelope-o"></i>
                            <input type="email" name="email" placeholder="Nhập OrderID" id="txtOrderId">
                            <b class="tooltip tooltip-bottom-right">Nhập OrderID</b>
                        </label>
                    </section>
                    <section>
                        <label class="input">
                            <i class="icon-append fa fa-envelope-o"></i>
                            <input type="email" name="email" placeholder="Nhập Link" id="txtLink">
                            <b class="tooltip tooltip-bottom-right">Nhập Link</b>
                        </label>
                    </section>
                    <section>
                        <label class="label">Tổ chức</label>
                        <select runat="server" id="drOrg" class="select2" />

                    </section>
                </fieldset>

                <footer>
                    <input type="button" class="btn btn-default" value="Hủy" data-dismiss="modal" />
                    <input type="button" class="btn btn-primary" value="Lưu" id="btnSave" />

                </footer>
            </div>
        </div>
        <div style="clear: both;"></div>

    </div>
    <script type="text/javascript">
        pageSetUp();

        var AddNewMenu = {
            Save: function () {
                var menuName = $('#txtMenuName').val();
                var parentID = $('#drMenuParent').val();
                var description = $('#txtDescription').val();
                var html = $('#txtHtml').val();
                var orderID = $('#txtOrderId').val();
                var link = $('#txtLink').val();
                var orgid = $('#drOrg').val();
                if (menuName == "" || link == "" || html == "") {
                    alertbox("Vui lòng điền đầy đủ thông tin");
                    return;
                }

                CallAjaxAspx("POST", "InsertMenu", "/MainSys/ProcessAJAX/AjaxFunction.aspx", {
                    ParentID: parentID,
                    MenuName: menuName,
                    Description: description,
                    HTML: html,
                    OrderID: orderID,
                    Link: link,
                    OrgID: orgid
                }, function (response) {
                    debugger;
                    if (JSON.parse(response).Status) {
                        alertSmallBox("Thêm thành công Menu", "2 giây trước");
                        window.location.reload();
                    }
                    else {
                        alertSmallBox("Thêm Menu thất bại", "2 giây trước", "error");
                    }
                }, function () {
                    $("body").addClass("loading");
                    //beforesend
                }, function () {
                    //sendcomplete
                    $("body").removeClass("loading");
                });
            },

            Update: function () {
                var menuName = $('#txtMenuName').val();
                var parentID = $('#drMenuParent').val();
                var description = $('#txtDescription').val();
                var html = $('#txtHtml').val();
                var orderID = $('#txtOrderId').val();
                var link = $('#txtLink').val();
                var orgid = $('#drOrg').val();
                if (menuName == "" || link == "" || html == "") {
                    alertbox("Vui lòng điền đầy đủ thông tin");
                    return;
                }
                CallAjaxAspx("POST", "UpdateMenu", "/MainSys/ProcessAJAX/AjaxFunction.aspx", {
                    MenuID: currentMenu.MenuID,
                    ParentID: parentID,
                    MenuName: menuName,
                    Description: description,
                    HTML: html,
                    OrderID: orderID,
                    Link: link,
                    OrgID: orgid
                }, function (response) {
                    if (JSON.parse(response).Status) {
                        alertSmallBox("Sửa thành công Menu", "2 giây trước");
                        window.location.reload();
                    }
                    else {
                        alertSmallBox("Sửa Mneu thất bại", "2 giây trước", "error");
                    }
                }, function () {
                    $("body").addClass("loading");
                    //beforesend
                }, function () {
                    //sendcomplete
                    $("body").removeClass("loading");
                });
            },


            FillData: function (Menu) {
                $('#txtMenuName').val(Menu.MenuName);
               $('#drMenuParent').val(Menu.ParentID);
                $('#txtDescription').val(Menu.Description);
               $('#txtHtml').val(Menu.HTML);
                 $('#txtOrderId').val(Menu.OrderID);
                $('#txtLink').val(Menu.Link);
                 $('#drOrg').val(Menu.OrgID);
               
            }
        };


        $(document).ready(function () {
            if (typeof currentMenu !== 'undefined' && currentMenu != null) {
                $('#<%=Title.ClientID%>').text("CẬP NHẬT THÔNG TIN MENU");
                debugger;
                AddNewMenu.FillData(currentMenu);
            }
            else {
                $('#<%=Title.ClientID%>').text("THÊM MỚI MENU");
            }

            $("#divAddNewMenu").delay(500).fadeIn(500).verticalAlign(400);
            $("#btnSave").click(function () {
                if (typeof currentMenu !== 'undefined' && currentMenu != null)
                    AddNewMenu.Update();
                else
                    AddNewMenu.Save();
            });
            pageSetUp();
        });
    </script>
</body>
